<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>足球导航</title>

    <style>
        body{
            
            background-image: url(https://tenfei04.cfp.cn/creative/vcg/veer/1600water/veer-129794978.jpg);
            background-repeat: no-repeat;
            width: 3500px;
            background-position: center;
            background-size: 1700px,90%;
            background-attachment: fixed;
            em
        }
        .box{
            background-image: url(https://pic.ntimg.cn/file/20190402/24320036_211738920080_2.jpg);
            background-size: 100%;

            width: 1500px;
            height: 1000px;
            background: rgb(143, 42, 42,0.5);
            margin: 100px auto;
            border: 5px solid bisque;
            border-radius: 20px;
            box-shadow: 10px 10px 10px 10px rgb(96, 143, 26);
            
        }
        .box3{
            width: 1500px;
            height: 4500px;
            background-color: rgb(216, 191, 183);
            margin: 100px auto;
            border: 5px solid bisque;
            border-radius: 20px;
            box-shadow: 20px -15px 10px 10px rgb(19, 14, 19);
            
        }
        .box3 div{
            font-family: '华文行楷';
            font-size: 50px;
            text-align: center;
            padding-top: 20px;
        }
        .head{
            height: 80px;
            background-color: rgb(202, 197, 197);
            margin: 0px auto;
            background:rgba(0, 0,0, 0.4);
            font-size: 60px;
            text-align: center;
            padding: 20px;
            font-weight: bolder;
            text-decoration: none;
            background-image:url( https://pic.ntimg.cn/file/20181223/27941098_135415062080_2.jpg);

            

        }
        .head a{
            text-decoration: none;
            color: blanchedalmond;
            font-family: '隶书';
        }
        .nav{
            height: 160px;
            border-top: 3px solid #813a3a;
            border-bottom: 2px dotted chartreuse;
            line-height: 41px;
            margin-left: 100px;
            background-color: seagreen;
            

        }
        .nav a{
            line-height: 160px;
            height: 100%;
            color:black;
            text-decoration: none;
            padding: 30px;
            font-size: 30px;
            border: 3px dotted #813a3a;

        }
        .nav a:hover{
            background-color:rgb(138, 179, 97);
            color:darkgray;
            text-decoration:overline;
        }
        .box2{
            background-image: url(http://www.nipic.com/show/23515377.html);
            background-size: 100%;
            float: left;
            width: 700px;
            height: 100%;
            border:1px dotted black;
            text-decoration: none;
            border-radius: 30px;
            box-shadow: 5px 2px 3px 2px black ;

        }
        .box2 h3{
            
            font-size: 45px;
            height: 41px;
            border-bottom:2px dotted #cccccc;
            text-align: center ;
            padding-bottom: 20px;
        }
        .box2 ul li a {
            height: 23px;
            padding-left: 29px ;
            padding-top: 30px;
            color: red;
            font-size: 40px;
            font-weight: bold;
            font-family: '楷体';

            text-decoration: none;
            
        }
        .box2 ul li a:hover{
            background-color:rgb(235, 96, 54);
            color:rgb(48, 81, 226);
            text-decoration:overline;
        }
        .box2 ul{
            margin-top: 10px;
            padding-top: 10px;
        }
        .box2 ul li{
            list-style: none;
            line-height: 30px;
            margin-top: 40px;
            margin: 40px;

        }
        .box4{
            padding: 20px;
            border:4px dotted chocolate;
        }
        .box5{
            float: right;
            padding: 20px;
            font-size: 10px;
            color: #cccccc;
        }
        .box6{
            float: left;
            width: 850px;
            height: 4400px;
            background-image: url(https://cdn9-banquan.ituchong.com/weili/l/253893349647581362.webp);
            background-repeat: repeat-y;
            margin: 100px auto;
            border: 5px solid bisque;
            border-radius: 20px;
            box-shadow: 10px 10px 10px 10px rgb(96, 143, 26);
            
        }
        .box7{
            float: right;
            width: 700px;
            height: 100%;
            border:1px dotted black;
            text-decoration: none;
            border-radius: 30px;
            box-shadow: -5px -2px 3px 2px black ;
        }
        .box7 h3{
            
            font-size: 45px;
            height: 41px;
            border-bottom:2px dotted #cccccc;
            text-align: center ;
            padding-bottom: 20px;
        }
        .box7 ul li a {
            height: 23px;
            padding-left: 29px ;
            color: red;
            font-size: 40px;
            font-weight: bold;
            font-family: '楷体';

            text-decoration: none;
            
        }
        .box7 ul{
            margin-top: 10px;
            padding-top: 10px;
        }
        .box7 ul li{
            list-style: none;
            height: 50px;
            margin-top: 40px;

        }
        .box7 ul li a:hover{
            background-color:rgb(235, 96, 54);
            color:rgb(48, 81, 226);
            text-decoration:overline;
        }
        .box8{
            margin: 10px;
            float: left;
            width: 400px;
            height:2000px;
            font-size: 30px;
            padding-left: 30px;
            border: 1px solid blue;
            box-shadow: -5px -2px 3px 2px black ;
            border-radius: 30px;
            padding-top: 20px;
            background:rgba(0, 0,0, 0.4);
            text-decoration: none;

        }
        .box8 h3{
            
            font-size: 35px;
            height: 41px;
            border-bottom:2px dotted #cccccc;
            text-align: center ;
            
        }
        .box8 li{
            padding-left: 30px;
            margin-top: 20px;
            text-decoration: none;

        }
        .box9{
            float: right;
            width: 300px;
            height:2000px;
            font-size: 30px;
            padding-left: 30px;
            border: 1px solid blue;
            box-shadow: -5px -2px 3px 2px black ;
            border-radius: 30px;
            padding-top: 20px;
            margin: 10px;
        }
        .box9 h3{
            
            font-size: 35px;
            height: 41px;
            border-bottom:2px dotted #cccccc;
            text-align: center ;
            color: seashell;
        }
        .box9 li{
            padding-left: 30px;
            margin-top: 20px;
            color: rgb(31, 226, 210);
            font-weight: bolder;

        }
        .box9 li{
            list-style: none;
            padding-left: 30px;
            margin-top: 27px;

        }
        .box10{
            float: right;
            width: 800px;
            height: 2000px;
            background-image: url(https://cdn9-banquan.ituchong.com/weili/l/253893349647581362.webp);
            background-repeat: repeat-y;
            margin: 100px auto;
            border: 5px solid bisque;
            border-radius: 20px;
            box-shadow: -10px -10px 10px 10px rgb(96, 143, 26);
        }
        .box10 h3{
            height:60px;
            border-bottom:2px dotted black  ;
            padding-left: 125px;
            font-size: 50px;
        }
        .box10 ul li {
            color: blueviolet;
            line-height: 50px;
            font-family: '隶书';
            height: 100px;
            font-size: 30px;
            margin: 80px;
            padding: 10px;
        }
        .box10 ul li input{
            display:inline-block ;
            font-size: 20px;
            height: 40px;
            width: 200px;
        }
        .box10 ul li textarea{
            display: inline-block;
           font-size: 30px;
           height: 60px;
           padding-bottom: 20px;
        } 
        .box11{
            margin: 10px;
            float: left;
            width: 400px;
            height:2000px;
            font-size: 30px;
            padding-left: 30px;
            border: 1px solid blue;
            box-shadow: -5px -2px 3px 2px black ;
            border-radius: 30px;
            padding-top: 20px;
            background:rgba(0, 0,0, 0.4);
            padding: 30px;
        }
        .box11 h3{
            
            font-size: 35px;
            height: 41px;
            border-bottom:2px dotted #cccccc;
            text-align: center ;
            padding-bottom: 20px;
        }
        .box11 ul li a{
            font-size: 50px;
            font-family: '微软雅黑';
            text-decoration: none;
            color: rgb(247, 159, 88);
            font-weight: bold;
        }
        .box11 ul li a:hover{
            background-color: aliceblue;
            color: aqua;
            text-decoration: line-through;
        }
        .box11 ul li{
            list-style: none;
            line-height: 70px;
            margin-left: 35px;
        }
        .box12{
            float: right;
            width: 300px;
            height:1500px;
            border: 4px dotted rgb(214, 134, 80);
            background-color: rgba(0,0,0, 0.5);
            margin: 20px;
            border-radius: 40px;
            box-shadow: 6px 5px 3px 3px black;
        }
        .box12 h3{
            font-size: 25px;
            font-family: '华文幼圆';
            padding: 30px;
            border-bottom: 3px dotted #cccccc;
            color: rgb(248, 248, 248);
        }
        .box12 ol li a{
            line-height: 70px;
            font-size: 40px;
            text-decoration: none;
            font-family:'微软雅黑';
            font-weight: bolder;
            margin: 20px;
            padding-top: 30px;
        }
        .box12 ol li a:hover{
            background-color: aliceblue;
            color: aqua;
            text-decoration: line-through;
        }
        .box12 ol li{
            list-style: none;
        }
        .li{
            padding-left: 40px;
        }
        .all{
            margin-top: 150px;
        }
       

        
      
    </style>
</head>
<body>
    <form action="wobuzhidao.php">
    <embed src="123.mp3" width="400" height="60" loop="true">
    <div class="head" ><a href="#register">欢迎光临本网站！</div>
        <div class="nav">
            <a href="#no"  >足球俱乐部排名前20（瞎说的）</a>
            <a href="#shoot" >欧洲金靴奖获奖概率（瞎说的）</a>
            <a href="#ball" >年度金球奖获奖概率（瞎说的）</a>
            <a href="#fine">精彩瞬间</a>
            <a href="#" >各大联赛助攻榜</a>
            <a href="http://sports.sina.com.cn/g/laliga/table.html" >当前各大联赛射手榜</a>
            <a href="https://sports.sina.com.cn/"  >新浪体育</a>
            <a href="#" >腾讯体育</a>
            <a href="#" >广告位，虚位以待</a>
            <a href="#" >广告位，虚位以待</a>
        </div>  
        <div class="box10">
            <form action=" xxx.php" ></form>
            <h3>请在这边注册你的账户</h3>
            <ul>
                <li>请输入你的用户名：<input type="text" height="40px"></li>
                <li>请告诉我你想设置的密码：<input type="password"></li>
                <li>请告诉我你的性别：男<input type="radio" name="sex">女<input type="radio" name="sex"></li>
                <li>请告诉我你的兴趣：吃饭<input type="checkbox">睡觉<input type="checkbox">打豆豆<input type="checkbox">三者均不是<input type="checkbox"></li>
                <li>请告诉我你对我们的建议：<textarea name="sss" id="xxx" cols="20" rows="20"></textarea></li>
                <li class="all"><input type="submit" value="点此处提交"></li>
                <li class="li"><input type="reset" value="点此重置注册"></li>
            </ul>

        </div>  
        <div class="box6">
            <div class="box8">
                <h3 id="no" class="oll">世界俱乐部排名前二十强</h3>
                <ol class="nav2" >
            
                
                    <li>利物浦 <img src="https://p1.ssl.qhimg.com/t01ade750bfdb35ccfe.jpg" width="30"></li> 
                
                    <li>巴塞罗那 <img src="https://p1.ssl.qhimg.com/t01b502e700786e32bd.jpg" width="30"></li>
                    <li>河床 <img src="https://p1.ssl.qhimg.com/t013c65a069086ad2c7.jpg" width="30"></li>
                    <li>弗拉门戈 <img src="https://p1.ssl.qhimg.com/t0128b7d7291f2c43e3.png" width="30"> </li>
                    <li>瓦伦西亚 <img src="https://p1.ssl.qhimg.com/t01f37dafbe314650df.png" width="30"> </li>
                    <li>曼彻斯特城 <img src="https://p1.ssl.qhimg.com/t01629a7a3b8dacb2b2.png" width="30"></li>
                    <li>帕尔梅拉斯<img src="https://p1.ssl.qhimg.com/t01d0c9001468ffee21.png" width="30"> </li>
                    <li>博卡青年<img src="https://p1.ssl.qhimg.com/t01ba7cf67744ca2400.png" width="30"> <li>
                    <li>利雅得新月<img src="https://p1.ssl.qhimg.com/t01aa1c38046a9dfda4.png" width="30"></li>
                    <li>尤文图斯<img src="https://p1.ssl.qhimg.com/t015b06d6b3e16a44bc.jpg" width="30"> </li>
                    <li>拜仁慕尼黑<img src="https://p1.ssl.qhimg.com/t019c3e922caaa6068d.jpg" width="30"> </li>
                    <li>切尔西<img src="https://p1.ssl.qhimg.com/t01ee216c28750b466d.jpg" width="30"></li>
                    <li>蒙特雷 <img src="https://p1.ssl.qhimg.com/t015806a5290f85886b.png" width="30"> </li>
                    <li>皇家马德里 <img src="https://p1.ssl.qhimg.com/t016bfbab42a59e89f9.jpg" width="30"> </li>
                    <li>格雷米奥 <img src="https://p1.ssl.qhimg.com/t01ac04a47fe60161f7.png" width="30"> </li>
                    <li>大巴黎 <img src="https://p1.ssl.qhimg.com/t01c8466516e7320e14.png" width="30"> </li>
                    <li>马德里竞技 <img src="https://p1.ssl.qhimg.com/t01e5fe240accc5f984.jpg" width="30"> </li>
                    <li>帕纳拉竞技 <img src=".\image for html\liverpool.jpg" width="30"></li>
                    <li>泰格雷斯 <img src=".\image for html\liverpool.jpg" width="30"> </li>
                    <li>广州恒大队 <img src="https://p1.ssl.qhimg.com/t019e87d0378078dd87.png" width="30"> </li>
            </div>
            <div class="box9">
                <h3>积分排名</h3>
                <ul>
                    <li>20310</li>
                    <li>19780</li>
                    <li>18655</li>
                <li>17533</li>
                <li>15994</li>
                <li>14987</li>
                <li>12345</li>
                <li>11345</li>
                <li>10987</li>
                <li>9860</li>
                <li>8976</li>
                <li>8700</li>
                <li>8456</li>
                <li>7998</li>
                <li>7896</li>
                <li>7654</li>
                <li>7543</li>
                <li>7321</li>
                <li>7092</li>
                <li>6598</li>
                </ul>
                
            </div>
            <div class="box11" id="ball">
                <h3>金球奖得奖赔率</h3>
            <ul>
                <li><a href="https://baike.so.com/doc/24861925-25800699.html?from=2877796&sid=25800699&redirect=search"target="_blank"> 1、姆巴佩（巴黎）</li>
                <li><a href="https://baike.so.com/doc/5381778-5618116.html"target="_blank"> 2、莱万（拜仁）</li>
                <li><a href="https://baike.so.com/doc/2322405-2456514.html?from=504&sid=2456514&redirect=search"target="_blank">3、C罗（尤文图斯）</li>
                <li><a href="https://baike.so.com/doc/9118403-27309623.html"target="_blank">4、布鲁诺-费尔南德斯（曼联）</li>
                <li><a href="https://baike.so.com/doc/5007514-5232455.html?from=209503&sid=5232455&redirect=search"target="_blank">5、德布劳内（曼城）</li>
                <li><a href="https://baike.so.com/doc/29087174-30566820.html"target="_blank">6、哈兰德（多特）</a></li>
                <li><a href="https://baike.so.com/doc/5344366-5579811.html"target="_blank">7、梅西（巴萨）</a></li>
                <li><a href="https://baike.so.com/doc/4355952-4561345.html"target="_blank">8、哈里-凯恩（热刺）</a></li>    
            </ul>
            </div>
            <div class="box12">
                <h3 id="shoot">欧洲金靴奖获奖概率</h3>
                <ol>
                    <li><a href="https://baike.so.com/doc/5381778-5618116.html"target="_blank">1. 罗伯特-莱万多夫斯基</a></li>
                    <li><a href="https://baike.so.com/doc/5344366-5579811.html"target="_blank">2.里奥-梅西</a></li>
                    <li><a href="https://baike.so.com/doc/2322405-2456514.html?from=504&sid=2456514&redirect=search"target="_blank">3.克里斯蒂亚诺-罗纳尔多</a></li>
                    <li><a href="https://baike.so.com/doc/26359098-27601482.html"target="_blank">4.安德烈-席尔瓦</a></li>
                    <li><a href="https://baike.so.com/doc/29087174-30566820.html"target="_blank">5.埃尔林-哈兰德</a></li>
                    <li><a href="https://baike.so.com/doc/24861925-25800699.html?from=2877796&sid=25800699&redirect=search"target="_blank">6.基利安-姆巴佩</a></li>
                    <li><a href="https://baike.so.com/doc/24967139-25923753.html"target="_blank">7.奥努亚楚</a></li>
                    <li><a href="https://baike.so.com/doc/5749027-5961785.html"target="_blank">8.罗梅罗-卢卡库</a></li>
                    <li><a href="https://baike.so.com/doc/5863902-6076749.html"target="_blank">9.穆里尔</a></li>
                    <li><a href="https://baike.so.com/doc/25458092-26488960.html"target="_blank">10.杰拉德-莫雷诺</a></li>
                </ol>

            </div>
        </div>
    <div class="box">
        <div class="box2">
            <h3>国际足球新闻</h3>
            <ul>
                <li><a href="https://sports.sina.com.cn/g/laliga/2021-10-27/doc-iktzscyy1978902.shtml " target=_blank>科曼谈座驾被围攻：这帮球迷缺教育 整天玩手机</li>
                <li><a href="https://k.sina.com.cn/article_1698513182_653d411e040016y2e.html?cre=tianyi&mod=pcpager_spt&loc=1&r=0&rfunc=59&tj=cxvertical_pc_pager_spt&tr=174" target="_blank">共和报：C罗不适合孔蒂战术，可能成为后者接手曼联的阻碍</li>
                <li><a href="https://sports.sina.com.cn/g/seriea/2021-10-25/doc-iktzscyy1598517.shtml"target="_blank">扎尼奥洛：期待赢下卡利亚里和米兰 球队缺进球</li>
                <li><a href="https://sports.sina.com.cn/g/seriea/2021-10-25/doc-iktzscyy1596830.shtml"target="_blank">卡佩罗：只有意甲会一轮罚下4名主帅 裁判有问题</li>
                <li><a href="https://k.sina.com.cn/article_6419730270_17ea54f5e00100zq7n.html?cre=tianyi&mod=pcpager_spt&loc=2&r=0&rfunc=59&tj=cxvertical_pc_pager_spt&tr=174"target="_blank">索尔斯克亚最大的悲剧，就是被时代抛弃的时候，连招呼都不会打</li>
                <li><a href="https://sports.sina.com.cn/g/pl/2021-10-21/doc-iktzscyy0916848.shtml">纽卡与多位新帅候选人谈判 丰塞卡愿意接手球队</a></li>    
            </ul></div>
            <div class="box7">
                <h3>国际体坛快讯</h3>
            <ul>
                <li><a href="https://sports.sina.com.cn/g/pl/2021-10-25/doc-iktzscyy1556403.shtml"target="_blank">   利物浦客场5：0曼联</li>
                <li><a href="https://sports.sina.com.cn/g/pl/2021-10-24/doc-iktzqtyu3176419.shtml"target="_blank">曼城4：1客胜布莱顿</li>
                <li><a href="https://sports.sina.com.cn/g/pl/2021-10-23/doc-iktzscyy1389599.shtml"target="_blank">切尔西7：0大胜诺维奇</li>
                <li><a href="https://sports.sina.com.cn/g/pl/2021-10-23/doc-iktzqtyu3026373.shtml"target="_blank">阿森纳3：1力克阿斯顿维拉</li>
                <li><a href="https://sports.sina.com.cn/g/laliga/2021-10-25/doc-iktzqtyu3314715.shtml"target="_blank">皇家马德里2：1胜巴塞罗那</li>
                <li><a href="https://sports.sina.com.cn/g/seriea/2021-10-25/doc-iktzscyy1569836.shtml"target="_blank">国际米兰1：1战平尤文图斯</a></li>    
            </ul></div>

            </div>
    </div>
    <div class="box3" id="fine">
        <div>精彩瞬间</div>
        <div class="box4">齐达内马赛回旋<br><img src="https://img.mp.itc.cn/q_70,c_zoom,w_640/upload/20160709/09a6afa50b5d4fa5bef259ae73394620.jpg"width=800px title="xxxxxxxx"></div>
        <div class="box4">罗伯特卡洛斯反物理任意球<br><img src="http://tukuimg.bdstatic.com/scrop/5c01d6c208d378835de5f0fb37bbd9f8.gif"width=800px title="yyyyyyyyyy"></div>
        <div class="box4">“冰王子”博格坎普<br><img src="https://img.mp.itc.cn/q_70,c_zoom,w_640/upload/20160709/a551929f9e084541b443ca57188727ae.webp"width=800px title="zzzzzzzzzz"></div>
        <div class="box4">小罗牛尾巴过人<br><img src="https://img.mp.itc.cn/q_70,c_zoom,w_640/upload/20160709/799a9587a6b14e6e908224ce8471e37c.webp"width=800px title="不知道说什么"></div>
        <div class="box4">贝氏弧线<br><img src="https://img.mp.itc.cn/q_70,c_zoom,w_640/upload/20160709/a6355f9258e34cd09cfddb24898fa627.webp"width=800px title="我不知道"></div>
        <div class="box4">大罗钟摆过人<br><img src="https://img.mp.itc.cn/q_70,c_zoom,w_640/upload/20160709/e0271608687a4648b6c43b0be4c82cde.webp"width=800px></div>
        <div class="box5">资源源自网络。</div>



    </div>
</body>
</html>